<template>
	<view class="content">
		<z-paging ref="paging" v-model="dataList" @query="queryList">
			<view class="item" v-for="(item,index) in dataList" :default-page-no="1" :default-page-size="50"
				:refresher-complete-delay="500" :delay="300" :safe-area-inset-bottom="true"
				:use-custom-refresher="true">
				<view class="item-title">{{item.CouponFace}}</view>
			</view>
		</z-paging>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				dataList: [],
				pageSize: 50,
			}
		},
		methods: {
			queryList() {
				const data = [{
					CouponFace: "20.00元",
					CouponName: "提现60.00元",
					Code: "xrwrwdfsfs",
					CouponEndTime: "2023-01-01 20:09:20",
					CreateTime: "2023-01-03 20:09:20",
					ExchangeSerial: "497798464545"
				}];
				this.$refs.paging.complete(data);
			}
		}
	}
</script>

<style lang="less" scoped>

</style>